!(function ($) {
  // 1.左侧楼梯的显示与隐藏
  $(window).on("scroll", function () {
    let scrolltop = $(this).scrollTop();

    // 触发滚轮，楼梯位置对应楼层的位置

    $(".indexTvrebo").each(function (index, element) {
      let loucengtop = $(element).offset().top;
      if (loucengtop >= scrolltop) {
        $("#loutinav li").removeClass("active");
        $("#loutinav li").eq(index).addClass("active");
        return false;
      }
    });
  });
  // 点击右侧的楼梯，楼层运动到对应的位置

  $(" #loutinav li")
    .not(".last")
    .on("click", function () {
      $(this).addClass("active").siblings("li").removeClass("active");
      // 获取对应的楼层top值
      let top = $("#main .indexTvrebo").eq($(this).index()).offset().top;
      $("html").animate({
        scrollTop: top,
      });
    });

  // 3.回到顶部
  $(".last").on("click", function () {
    $("html").animate({
      scrollTop: 0,
    });
  });
})(jQuery);

// 轮播图
!(function ($) {
  const draggable1 = $(".draggable1");
  const slickslide1 = $(".draggable1 div");
  const silderNav1 = $(".draggable1  ul li");
  const slickprev1 = $(".slick-prev1");
  const slicknext1 = $(".slick-next1");
  let index = 0;
  let timer = null;

  silderNav1.on("click", function () {
    index = $(this).index();
    tabSwitch();
  });

  slicknext1.on("click", function () {
    index++;
    if (index > silderNav1.length - 1) {
      index = 0;
    }
    tabSwitch();
  });

  slickprev1.on("click", function () {
    index--;
    if (index < 0) {
      index = silderNav1.length - 1;
    }
    tabSwitch();
  });

  function tabSwitch() {
    silderNav1
      .eq(index)
      .addClass("silderNav1")
      .siblings("li")
      .removeClass("silderNav1");
    slickslide1
      .eq(index)
      .stop(true)
      .animate({ opacity: 1 })
      .siblings("div")
      .stop(true)
      .animate({ opacity: 0 });
  }

  timer = setInterval(() => {
    slicknext1.click();
  }, 3000);
})(jQuery);
